import { computed, ref } from "vue";

const zIndex = ref(0)
const useZIndex = (initialValue = 2000) => {
    const initialZIndex = ref(initialValue)

    const currentZIndex = computed(() => {
        return zIndex.value + initialZIndex.value
    })
    const nextZIndex = () => {
        zIndex.value++
        return currentZIndex.value
    }
    return {
        currentZIndex,
        nextZIndex,
        initialZIndex
    }

}

export default useZIndex